iT邦幫忙

2024 iThome 鐵人賽

DAY 2
0
Modern Web

建立響應式網頁系列 第 2

學習HTML的基本結構和標籤

  • 分享至 

  • xImage
  •  

HTML定義了網頁的內容結構,透過各種標籤來描述網頁的元素。HTML 文件的基本結構可以看作是一個框架,所有內容都位於這個框架內。
1.!DOCTYPE html: 宣告文檔類型,告訴瀏覽器這是HTML5文檔。
2.html lang="zh-Hant": 頁面根標籤,所有內容都包含在其中(lang屬性表示網頁語言為繁體中文)。
3.head: 頁面的頭部,包含元數據

  • meta charset="UTF-8": 設置文檔的字符編碼為UTF-8。
  • meta name="viewport": 設置頁面在移動設備上的顯示方式,常用於響應式網頁設計。
  • title: 定義頁面的標題,會顯示在瀏覽器的標籤上。
    4.body: 頁面的主體內容,所有可見的內容(如文字、圖片、連結)都放在這裡。
    常用標籤
  1. 標題標籤(h1 到 h6):用來定義標題,h1 是最大標題,h6 是最小的。
  2. 段落標籤(p):用來定義段落。
  3. 連結標籤(a):用來建立超連結,透過 href 屬性指定連結的網址。
  4. 圖像標籤(img):用來插入圖片,透過 src 屬性指定圖片的URL,alt 屬性提供替代文字。
  5. 清單標籤:用來建立有序和無序清單。(無序清單使用 ul和 li。有序清單使用 ol 和 li。)
  6. 表格標籤:用來建立表格,使用 table、tr(表格列)、th(表格頭)、td(表格單元格)。

上一篇
了解響應式設計基本概念和重要性
下一篇
css的基本語法
系列文
建立響應式網頁12
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言